<template>
  <div>
    <el-footer>
      <div class="footer">
        <div class="foot_list">
          <p class="foot_list_item">
            <a href="javascript:;" class="img1">
              
              7天无理由退换货
            </a>
            <a href="javascript:;">
              
              满99元全场免邮</a
            >
            <a href="javascript:;">
             
              100%品质保证</a
            >
          </p>
        </div>
        <div class="foot_git">
          <a href="https://gitee.com/li-da-chui/mi_shop" target="_blank">
            <div class="gitBtn">
              <img src="@/assets/github.png" alt="" class="gitImg" />
            </div>
          </a>
          <div class="foot_nav">
            <ul class="foot_nav_item">
              <li>首页</li>
              <li>全部商品</li>
              <li>关于我们</li>
            </ul>
            <p class="foot_ic">商城版权所有 &copy; 2012-2012</p>
          </div>
        </div>
      </div>
    </el-footer>
  </div>
</template>
<script>
export default {};
</script>
<style lang='scss' scoped>
.pic {
  width: 20px;
  height: 20px;
  background-color: pink;
  // background: url(@/assets/us-icon.png) no-repeat;
  background-position: 0 -3px;
}
.el-footer {
  width: 100%;
  margin: 0;
  padding: 0;
  .footer {
    padding-bottom: 20px;
    background: #2f2f2f;
    .foot_list {
      line-height: 145px;
      background: #2f2f2f;
      border-bottom: 1px solid #3d3d3d;
      .foot_list_item {
        text-align: center;
        a {
          color: #fff;
          font-size: 20px;
          padding: 0 90px;
          height: 40px;
          line-height: 40px;
          text-decoration: none;
          .img1 {
            width: 30px;
          }
        }
      }
    }
    .foot_git {
      padding-top: 20px;
      background: #2f2f2f;
      .gitBtn {
        text-align: center;
      }
      .foot_nav {
        margin: 0 auto;
        .foot_nav_item {
          display: flex;
          width: 400px;
          margin: 20px auto;
          li {
            padding: 0 30px;
            color: #888;
            height: 20px;
            // line-height: 20px;
            border-right: 1px solid #ccc;
          }
          li:last-child {
            border: none;
          }
        }
        .foot_ic {
          text-align: center;
          color: #888;
        }
      }
    }
  }
}
</style>